<!--
 * @Description: 
 * @Author: rendc
 * @Date: 2025-09-17 10:08:14
 * @LastEditors: rendc
 * @LastEditTime: 2025-09-17 10:08:18
-->
<!--
 * @Description: 
 * @Author: rendc
 * @Date: 2025-09-17 09:19:46
 * @LastEditors: rendc
 * @LastEditTime: 2025-09-17 09:44:03
-->
 <!doctype html>
 <html lang="en">
    <head>
        <style>
            * {
               margin: 0;
               padding: 0; 
            }
            .main{
                border: 1px solid red;
                width: 100vw;
                height: 100vh;
            }
            .app{
               
            }
            .inner{
                width: 200px;
                height: 200px;
            }
            .inner1{
                background-color: aliceblue;
                float: left;
                width: 25%;
            }
            
            .inner2{
                background-color: rgb(33, 127, 210);
                float: right;
                width: 75%;
            }
            
            .inner3{
                background-color: rgb(14, 255, 255);
            }
            
            .inner4{
                background-color: rgb(220, 2, 254);
            }
            
            .inner5{
                background-color: rgb(250, 21, 40);
            }
            
            .inner6{
                background-color: rgb(21, 255, 0);
            }
            
            .inner7{
                background-color: rgb(200, 255, 0);
            }
        </style>
    </head>
    <body class="app">
        <div class="inner1" >
            1
        </div>
        

        <div class="inner2">
            1
        </div>
       
    </body>
 </html>
